<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>영화관</title>

<link type="text/css" rel="stylesheet" href="/spring-GOP/css/common.css">
<link type="text/css" rel="stylesheet" href="/spring-GOP/css/style.css">
<link type="text/css" rel="stylesheet"	href="/spring-GOP/css/member/style_91.css">
<link type="text/css" rel="stylesheet"	href="/spring-GOP/css/member/style_9150.css">
</head>

<script src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script type="text/javascript" src="/spring-GOP/js/common.js"></script>
<script type="text/javascript" src="/spring-GOP/js/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript" src="/spring-GOP/js/Request_QNA2.js"></script>



<script type="text/javascript">
	
	function addCheck() {

		var name = $("#name").val();
		var id = $("#Id").val();

		var year = $("#year_select").val();
		var mon = $("#mon_select").val();
		var day = $("#day_select").val();

		var password = $("#Password").val();
		var password_conf = $("#Password_Conf").val();

		var emailid = $("#email_id").val();
		var domain = $("#email_domain").val();

		var Phead = $("#mobile_first_select").val();
		var Pcenter = $("#HandPhoneCenter").val();
		var Ptail = $("#HandPhoneTail").val();

		//sms수신, email수신 추가

		if (name == "") {
			alert("이름을 입력해주세요.");
			$("#name").focus();
			return;
		} else if (year == "" || mon == "" || day == "") {
			alert("생년월일을 입력해주세요.");
			$("#year_select").focus();
			return;
		} else if (id == "") {
			alert("아이디를 입력해주세요.");
			$("#Id").focus();
			return;
		} else if (password == "" || password_conf == "") {
			alert("비밀번호를 입력해주세요.");
			$("#password").focus();
			return;
		} else if (emailid == "" || domain == "") {
			alert("이메일을 입력해주세요.");
			$("#email_id").focus();
			return;
		} else if (Phead == "" || Pcenter == "" || Ptail == "") {
			alert("핸드폰번호를 입력해주세요.");
			$("#Phead").focus();
			return;
		}else if(password != password_conf){
			alert("비밀번호를 확인해주세요");
			$("#password_conf").focus();
			return;
		}
		/* document.forms["frmInsert"].action="join3"; */
		document.forms["frmInsert"].submit();
	}
	
	

</script>


<body>

	<div id="wrapper">
		<div id="container">
			<div id="content">
				<!-- <div> floating - 메인인 경우</div> -->
				<div id="main-shortCut">
					<div class="sub-main-section layout c91500000">
						<!-- 컨텐츠 작성 -->

						<div class="page-type3">
							<h2>
								<p>JOIN Primus</p>
								Primus <span>회원가입</span>
							</h2>
						</div>

						<div class="input-section">
							<h4 class="margin-top45 margin-bottom10">
								<b>회원정보</b>
							</h4>
							<p class="input-info">표시는 필수입력사항입니다. 회원가입 후 아이디, 이름은 수정하실 수
								없습니다.</p>
							<div class="clear_both"></div>
							<div class="line-ccc margin-top5"></div>

							<form id="frmInsert" method="post"
								name="frmInsert" novalidate="novalidate">
								<fieldset>
									<legend>회원가입 양식폼</legend>
									<div class="input-box">
										<dl>
											<dt class="essential dt-margin-top1">
												<label for="Name">이름</label>
											</dt>
											<dd>
												<p>
													<label for="find_id_name" class="input-title"></label><input
														type="text" id="name" class="name box1 placeHolder"
														name="member_name" title="가입할 이름을 입력하세요" rel="가입할 이름" value="${newUser.member_name }">
												</p>
											</dd>
										</dl>
										<div class="line-e2e2e2"></div>
										<dl>
											<dt class="essential dt-valign-top">
												<label for="Id">아이디</label>
											</dt>
											<dd>
												<p>영문/숫자 혼용 6~20자리 이내</p>
											</dd>
											<dd>
												<input class="input-box id_txt" data-val="true"
													data-val-length="아이디는 6~20자리 이내 입니다."
													data-val-length-max="20" data-val-length-min="6"
													data-val-regex="아이디는 영문숫자 조합이여야 합니다."
													data-val-regex-pattern="^(?=([a-zA-Z]+[0-9]+[a-zA-Z0-9]*|[0-9]+[a-zA-Z]+[a-zA-Z0-9]*)$).{6,20}"
													data-val-required="아이디을 입력하세요" id="Id" name="member_id"
													title="가입 아이디" type="text" value="${newUser.member_id }"> 
													<a id="aPopId" href="javascript:checkId();" class="button h30 w85 white "
													title="아이디 중복확인 하기"><b>중복확인</b></a> 
														
														<script>
														
														//아이디 중복확인 스크립트
														function checkId(id){
															var id = $("#Id").val();
															/* 	
															alert($("#Id").val());
															 */
															    //창을 화면 가운데로 이동합니다.
															    wx = 700;  //open 할 윈도우의 크기, width
															    wy = 150;  //height
															    sx = screen.width;  //모니터의 화면 크기
															    sy = screen.height;
															    x = (sx - wx) / 2;
															    y = (sy - wy) / 2;
															    if(id == ""){
																	alert("아이디를 입력해 주세요.");
															        $("#Id").focus();
															    }else{
																	document.forms["frmInsert"].action="check";
																	document.forms["frmInsert"].submit();
/* 															        url="/GOP/pages/member/campsite/id_check.jsp?id=" + id; //URL Get Method
															        wr = window.open(url,"아이디검색","width=300,height=150");
															        wr.moveTo(x,y); */
															    }
															}
														</script>
													
													<span
													class="field-validation-valid" data-valmsg-for="Id"
													data-valmsg-replace="true" style="color: red"></span>
											</dd>
										</dl>
										<div class="line-e2e2e2"></div>
										<dl>
											<dt class="essential dt-valign-top">
												<label for="Password">비밀번호</label>
											</dt>
											<dd>
												<p>
													6자~20자의 영문 (대소문자 구별) 숫자, 특수문자를 혼합하여야 합니다. 4자 이상의 연속 또는 반복
													문자, 숫자를 사용할 수 없습니다.<br> 아이디를 포함하는 비밀번호는 사용할 수 없습니다.
												</p>
											</dd>
											<dd>
												<input class="input-box pwd_txt" data-val="true"
													data-val-regex="비밀번호는 6자리이상 20자리 이하여야만 합니다."
													data-val-regex-pattern=".{6,20}"
													data-val-remote="패스워드는 영문숫자특수 조합이여야 하며 아이디를 포함할수 없습니다."
													data-val-remote-additionalfields="*.Password,*.Id"
													data-val-remote-url="/Member/ValidationPassWord"
													data-val-required="패스워드을 입력하세요" id="Password"
													name="member_pw" title="비밀번호" type="password"> <span
													class="field-validation-valid" data-valmsg-for="Password"
													data-valmsg-replace="true" style="color: red"></span>
											</dd>
										</dl>
										<div class="dotted-line-c9c9c9"></div>
										<dl>
											<dt class="essential">
												<label for="Password_Conf">비밀번호확인</label>
											</dt>
											<dd>
												<input class="input-box pwd_conf_txt" data-val="true"
													data-val-regex="비밀번호확인은 6자리이상 20자리 이하여야만 합니다."
													data-val-regex-pattern=".{6,20}"
													data-val-remote="패스워드확인은 영문숫자특수문자 조합이여야 하며 패스워드항목과 일치하여야 합니다."
													data-val-remote-additionalfields="*.Password_Conf,*.Password"
													data-val-remote-url="/Member/ValidationPassWord2"
													data-val-required="패스워드 확인을 입력하세요" id="Password_Conf"
													name="member_pw_conf" title="비밀번호 확인" type="password">
												<span class="field-validation-valid"
													data-valmsg-for="Password_Conf" data-valmsg-replace="true"
													style="color: red"></span>
											</dd>
										</dl>
										<div class="line-e2e2e2"></div>
										<dl class="margin-top15">
											<dt class="essential dt-valign-top">
												<label for="birth_year">생년월일</label>
											</dt>
											<dd>
												<span class="select-box mobile-first-select phone-width"
													style="background-position: 59px 50%;"> <span
													class="selected-text">출생연도</span> <select title="출생연도 선택"
													id="year_select" name="year">
														<option value="" selected="">출생연도</option>
														<option value="2014">2014 년</option>
														<option value="2013">2013 년</option>
														<option value="2012">2012 년</option>
														<option value="2011">2011 년</option>
														<option value="2010">2010 년</option>
														<option value="2009">2009 년</option>
														<option value="2008">2008 년</option>
														<option value="2007">2007 년</option>
														<option value="2006">2006 년</option>
														<option value="2005">2005 년</option>
														<option value="2004">2004 년</option>
														<option value="2003">2003 년</option>
														<option value="2002">2002 년</option>
														<option value="2001">2001 년</option>
														<option value="2000">2000 년</option>
														<option value="1999">1999 년</option>
														<option value="1998">1998 년</option>
														<option value="1997">1997 년</option>
														<option value="1996">1996 년</option>
														<option value="1995">1995 년</option>
														<option value="1994">1994 년</option>
														<option value="1993">1993 년</option>
														<option value="1992">1992 년</option>
														<option value="1991">1991 년</option>
														<option value="1990">1990 년</option>
														<option value="1989">1989 년</option>
														<option value="1988">1988 년</option>
														<option value="1987">1987 년</option>
														<option value="1986">1986 년</option>
														<option value="1985">1985 년</option>
														<option value="1984">1984 년</option>
														<option value="1983">1983 년</option>
														<option value="1982">1982 년</option>
														<option value="1981">1981 년</option>
														<option value="1980">1980 년</option>
														<option value="1979">1979 년</option>
														<option value="1978">1978 년</option>
														<option value="1977">1977 년</option>
														<option value="1976">1976 년</option>
														<option value="1975">1975 년</option>
														<option value="1974">1974 년</option>
														<option value="1973">1973 년</option>
														<option value="1972">1972 년</option>
														<option value="1971">1971 년</option>
														<option value="1970">1970 년</option>
														<option value="1969">1969 년</option>
														<option value="1968">1968 년</option>
														<option value="1967">1967 년</option>
														<option value="1966">1966 년</option>
														<option value="1965">1965 년</option>
														<option value="1964">1964 년</option>
														<option value="1963">1963 년</option>
														<option value="1962">1962 년</option>
														<option value="1961">1961 년</option>
														<option value="1960">1960 년</option>
														<option value="1959">1959 년</option>
														<option value="1958">1958 년</option>
														<option value="1957">1957 년</option>
														<option value="1956">1956 년</option>
														<option value="1955">1955 년</option>
														<option value="1954">1954 년</option>
														<option value="1953">1953 년</option>
														<option value="1952">1952 년</option>
														<option value="1951">1951 년</option>
														<option value="1950">1950 년</option>
														<option value="1949">1949 년</option>
														<option value="1948">1948 년</option>
														<option value="1947">1947 년</option>
														<option value="1946">1946 년</option>
														<option value="1945">1945 년</option>
														<option value="1944">1944 년</option>
														<option value="1943">1943 년</option>
														<option value="1942">1942 년</option>
														<option value="1941">1941 년</option>
														<option value="1940">1940 년</option>
														<option value="1939">1939 년</option>
														<option value="1938">1938 년</option>
														<option value="1937">1937 년</option>
														<option value="1936">1936 년</option>
														<option value="1935">1935 년</option>
														<option value="1934">1934 년</option>
														<option value="1933">1933 년</option>
														<option value="1932">1932 년</option>
														<option value="1931">1931 년</option>
														<option value="1930">1930 년</option>
														<option value="1929">1929 년</option>
														<option value="1928">1928 년</option>
														<option value="1927">1927 년</option>
														<option value="1926">1926 년</option>
														<option value="1925">1925 년</option>
														<option value="1924">1924 년</option>
														<option value="1923">1923 년</option>
														<option value="1922">1922 년</option>
														<option value="1921">1921 년</option>
														<option value="1920">1920 년</option>
														<option value="1919">1919 년</option>
														<option value="1918">1918 년</option>
														<option value="1917">1917 년</option>
														<option value="1916">1916 년</option>
														<option value="1915">1915 년</option>
												</select>
												</span> <span class="select-box mobile-first-select phone-width"
													style="background-position: 59px 50%;"> <span
													class="selected-text">월</span> <select title="월 선택"
													id="mon_select" name="mon">
														<option value="" selected="">월</option>
														<option value="01">01 월</option>
														<option value="02">02 월</option>
														<option value="03">03 월</option>
														<option value="04">04 월</option>
														<option value="05">05 월</option>
														<option value="06">06 월</option>
														<option value="07">07 월</option>
														<option value="08">08 월</option>
														<option value="09">09 월</option>
														<option value="10">10 월</option>
														<option value="11">11 월</option>
														<option value="12">12 월</option>
												</select>
												</span> <span class="select-box mobile-first-select phone-width"
													style="background-position: 59px 50%;"> <span
													class="selected-text">일</span> <select title="일 선택"
													id="day_select" name="day">
														<option value="" selected="">일</option>
														<option value="01">01 일</option>
														<option value="02">02 일</option>
														<option value="03">03 일</option>
														<option value="04">04 일</option>
														<option value="05">05 일</option>
														<option value="06">06 일</option>
														<option value="07">07 일</option>
														<option value="08">08 일</option>
														<option value="09">09 일</option>
														<option value="10">10 일</option>
														<option value="11">11 일</option>
														<option value="12">12 일</option>
														<option value="13">13 일</option>
														<option value="14">14 일</option>
														<option value="15">15 일</option>
														<option value="16">16 일</option>
														<option value="17">17 일</option>
														<option value="18">18 일</option>
														<option value="19">19 일</option>
														<option value="20">20 일</option>
														<option value="21">21 일</option>
														<option value="22">22 일</option>
														<option value="23">23 일</option>
														<option value="24">24 일</option>
														<option value="25">25 일</option>
														<option value="26">26 일</option>
														<option value="27">27 일</option>
														<option value="28">28 일</option>
														<option value="29">29 일</option>
														<option value="30">30 일</option>
														<option value="31">31 일</option>
												</select>
												</span>
											</dd>
										</dl>
										<div class="line-e2e2e2"></div>
										<dl>
											<dt class="essential dt-valign-top">
												<label for="ddlEmails">이메일</label>
											</dt>
											<dd>
												<p>다음메일(hanmail.net/daum.net)의 경우 메일이 정상적으로 발송되지 않을 수
													있습니다.</p>
											</dd>
											<dd>
												<span class="select-box email-select"
													style="background-position: 119px 50%;"> <span
													class="selected-text">선택하세요</span> <select title="이메일 선택"
													id="email_select" name="etail">
														<option value="">선택하세요</option>
														<option value="naver.com">naver</option>
														<option value="chol.com">chol</option>
														<option value="dreamwiz.com">dreamwiz</option>
														<option value="empal.com">empal</option>
														<option value="freechal.com">freechal</option>
														<option value="gmail.com">gmail</option>
														<option value="hanafos.com">hanafos</option>
														<option value="hotmail.com">hotmail</option>
														<option value="korea.com">korea</option>
														<option value="lycos.com">lycos</option>
														<option value="nate.com">nate</option>
														<option value="netian.com">netian</option>
														<option value="paran.com">paran</option>
														<option value="hitel.com">hitel</option>
														<option value="yahoo.co.kr">yahoo korea</option>
														<option value="yahoo.com">yahoo</option>
														<option value="">직접 입력</option>
												</select>
												</span> 
												<span> 
												<label for="email_id" class="hide">이메일 아이디 입력</label> 
												<input type="text" id="email_id"
													class="input-box email-front-txt" name="email_id"
													title="이메일 앞주소를 입력하세요">
												<span class="email-at">@</span>
												</span> 
												<span>
												 <label for="email_domain" class="hide">이메일 뒷 주소 입력</label>
												 <input type="text" id="email_domain"
													class="input-box email-end-txt" name="eheader"
													title="이메일 뒷주소 입력하세요" readonly="readonly">
												</span>
											</dd>
										</dl>
										<div class="line-e2e2e2"></div>
										<dl>
											<dt class="essential">
												<label for="mobile_first_select">휴대폰번호</label>
											</dt>
											<dd>
												<span class="select-box mobile-first-select phone-width"
													style="background-position: 59px 50%;"> <span
													class="selected-text">010</span> <select
													title="휴대폰 앞자리 번호를 선택" id="mobile_first_select"
													name="header">
														<option value="010" selected="">010</option>
														<option value="011">011</option>
														<option value="016">016</option>
														<option value="017">017</option>
														<option value="018">018</option>
														<option value="019">019</option>
												</select>
												</span>
												<div class="mid-hyphen mid-hyphen1"></div>
												<span> <label for="HandPhoneCenter" class="hide">핸드폰
														중간자리 번호를 입력</label> <input
													class="input-box mobile-mid-select phone-width"
													data-val="true" data-val-length="핸드폰 중간자리는  3~4자리 이내 입니다."
													data-val-length-max="4" data-val-length-min="3"
													data-val-regex="핸드폰 중간자리는 숫자만 입력가능합니다."
													data-val-regex-pattern="^\d+$"
													data-val-required="핸드폰을 중간값 입력하세요" id="HandPhoneCenter"
													maxlength="4" name="center"
													title="휴대폰 중간자리 번호를 입력" type="text" value="">
												</span>
												<div class="mid-hyphen mid-hyphen2"></div>
												<span> <label for="HandPhoneTail" class="hide">핸드폰
														뒷자리 번호를 입력</label> <input
													class="input-box mobile-end-select phone-width"
													data-val="true" data-val-length="핸드폰 뒷자리는 3~4자리 이내 입니다."
													data-val-length-max="4" data-val-length-min="3"
													data-val-regex="핸드폰 끝자리는 숫자만 입력가능합니다."
													data-val-regex-pattern="^\d+$"
													data-val-required="핸드폰을 끝값 입력하세요" id="HandPhoneTail"
													maxlength="4" name="tail" title="휴대폰 뒷자리 번호를 입력"
													type="text" value="">
												</span>
											</dd>
											<dd>
												<span class="field-validation-valid"
													data-valmsg-for="HandPhoneCenter"
													data-valmsg-replace="true" style="color: red"></span> <span
													class="field-validation-valid"
													data-valmsg-for="HandPhoneTail" data-valmsg-replace="true"
													style="color: red"></span>
											</dd>
										</dl>
									</div>
									<input type="hidden" id="Current_sVNumber"
										name="Current_sVNumber" value="4916916866304"> <input
										type="hidden" id="Current_sName" name="Current_sName"
										value="이재범"> <input type="hidden"
										id="Current_sDupInfo" name="Current_sDupInfo"
										value="MC0GCCqGSIb3DQIJAyEA1OWjL4qbAdSoSqmaRqyaB0JglM4izQv4zraO8nk/a48=">
									<input type="hidden" id="Current_sAgeCode"
										name="Current_sAgeCode" value="7"> <input
										type="hidden" id="Current_sGenderCode"
										name="Current_sGenderCode" value="1"> <input
										type="hidden" id="Current_sBirthDate"
										name="Current_sBirthDate" value="19880227"> <input
										type="hidden" id="Current_sNationalInfo"
										name="Current_sNationalInfo" value="0"> <input
										type="hidden" id="Current_sCPRequestNum"
										name="Current_sCPRequestNum"
										value="IPIN_A40820140302222116453"> <input
										type="hidden" id="Current_sAuthInfo" name="Current_sAuthInfo"
										value="2"> <input type="hidden" id="Current_sCoInfo1"
										name="Current_sCoInfo1"
										value="P2jMKvhxQyDiHvQ8xzzJ4Hx47s1uZcyqtxOSCmMoqZkScxwKthDGM45pbDQ+L0P6F3QJMWHFFjp2sTKAkZDf2g==">
									<input type="hidden" id="Current_sCIUpdate"
										name="Current_sCIUpdate" value="1"> <input
										type="hidden" id="hidZipCode" name="hidZipCode" value="">
									<input type="hidden" id="hidBaseAddr" name="hidBaseAddr"
										value=""> <input type="hidden" id="_birth_year"
										name="_birth_year" value=""> <input type="hidden"
										id="_birth_month" name="_birth_month" value=""> <input
										type="hidden" id="_birth_day" name="_birth_day" value="">
									<input type="hidden" id="_birth_radio" name="_birth_radio"
										value=""> <input type="hidden" id="_Id" name="_Id"
										value=""> <input type="hidden" id="_Password"
										name="_Password" value=""> <input type="hidden"
										id="_email_id" name="_email_id" value=""> <input
										type="hidden" id="_email_domain" name="_email_domain" value="">
									<input type="hidden" id="_phone_first_select"
										name="_phone_first_select" value=""> <input
										type="hidden" id="_HomeCener" name="_HomeCener" value="">
									<input type="hidden" id="_HomeTailer" name="_HomeTailer"
										value=""> <input type="hidden"
										id="_mobile_first_select" name="_mobile_first_select" value="">
									<input type="hidden" id="_HandPhoneCenter"
										name="_HandPhoneCenter" value=""> <input type="hidden"
										id="_HandPhoneTail" name="_HandPhoneTail" value=""> <input
										type="hidden" id="_addr_radio" name="_addr_radio" value="">
									<input type="hidden" id="_hidZipCode" name="_hidZipCode"
										value=""> <input type="hidden" id="_hidBaseAddr"
										name="_hidBaseAddr" value=""> <input type="hidden"
										id="_Address2" name="_Address2" value=""> <input
										type="hidden" id="_job_select" name="_job_select" value="">
									<input type="hidden" id="_marriage_radio"
										name="_marriage_radio" value=""> <input type="hidden"
										id="_sms_radio" name="_sms_radio" value=""> <input
										type="hidden" id="_email_radio" name="_email_radio" value="">
									<input type="hidden" id="_theater_select"
										name="_theater_select" value="">
								</fieldset>
								<div class="line-ccc"></div>
								<div class="center-btn margin-top40">
									<a href="javascript:addCheck();" class="button h30 w150 orange"><b>가입완료하기</b></a>
								</div>
							</form>
							<input type="hidden" id="hidChkDuplication" value="0">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>